<%--
  Created by IntelliJ IDEA.
  User: fenglixiong
  Date: 2017/10/2
  Time: 20:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>聊天中...</title>
    <script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/static/js/chat/chat.js"></script>
    <script type="text/javascript" src="/static/js/chat/ws_conn.js"></script>
</head>
<body>
<%@include file="../head_include.jsp"%>
<h1>聊天页面（房间号：${roomId}）</h1>
<span>用户<font color="blue">[${user.userName}]</font>正在聊天中...</span>
<span style="margin-left: 420px;">Log日志正在输出中...</span>
<div style="clear: both">
    <div style="border: 1px solid red;width: 500px;height: 500px;overflow: auto;float: left">
        <ul id="chatBox">

        </ul>
    </div>
    <div style="border: 1px solid red;width: 500px;height: 500px;overflow: auto;margin-left:600px;">
        <ul id="logBox">

        </ul>
    </div>
</div>
<br/>
<input type="text" id="msgInput"/>
<input type="button" value="发送消息" onclick="sendMsg();"/>

<script>
    initChatData('${user.userId}','${roomId}','${ctx}');
</script>
</body>
</html>
